<!--
 * @Author: linzaifei 1609781601@qq.com
 * @Date: 2025-05-26 09:16:44
 * @LastEditors: linzaifei 1609781601@qq.com
 * @LastEditTime: 2025-07-21 11:08:04
 * @FilePath: /vue3-cesium-plus/src/components/control/vc-search.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="vc-upload" :style="positionStyle" >
        
        <el-tooltip
          effect="dark"
          content="上传全景图"
          placement="bottom"
        >
        <el-button @click="open" >
            <el-icon :size="20"><Upload /></el-icon>
        </el-button>
        </el-tooltip>
    </div>
    <vr-upload-drawer ref="vrUploadDrawerRef" />
  </template>
  
<script setup lang="ts">
import { ref } from "vue";
import { positionProps, usePosition } from '../composables/usePosition'
import {Upload} from '@element-plus/icons-vue'
import VrUploadDrawer from './vr-upload-drawer.vue'
const vrUploadDrawerRef = ref()

const props = defineProps({
    ...positionProps,
})
const { positionStyle } = usePosition(props)

const open = ()=>{
    vrUploadDrawerRef.value.open()
}
</script>
  
<style scoped lang="scss">
  .vc-upload {
    position: absolute;
    z-index: 101;
    .el-button {
      width: 34px;
      height: 34px;
    }
    
  }
</style>